@media print {
  a[href]:after {
    content: none !important;
  }

  .noprint {
    display: none
  }
}

$mc1: #b73736;

.local_box {
  li {
    display: inline-block;
  }
}


.radius {
  border-radius: 4px;
}

.pl0 {
  padding-left: 0;
}

.pr0 {
  padding-right: 0;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.h10 {
  height: 10px;
}

.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

p {
  margin: 0;
}


.container {
  // width: 1600px !important;
  max-width: 1920px !important;
  margin: auto;
}

body {
  color: #343434;
  font-size: 14px;
  background: #F5F5F5;
  padding: 0;
  margin: 0;
}

.ui-sanjiao {
  width: 100%;
  padding-bottom: 100%;
  height: 50px;
  background: #fff;
  position: relative;
  overflow: hidden;

  &:after {
    position: absolute;
    content: "";
    bottom: 0;
    top: 0;
    width: 200%;
    height: 200%;
    background: #9A0C14;
    transform: rotate(410deg) translate(-86%);


  }
}

.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
  background-color: #666 !important;
}

.text-overflow {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box {
  overflow: hidden;
}

.box-shadow {
  box-shadow: 1px 1px 6px 1px lightgrey;
}

ul {
  padding-left: 0;
  list-style: none;
}

a {
  color: #343434;
  text-decoration: none !important;

  &:hover {
    // color: #B33721 !important;
  }
}

.clearfix {
  &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

.ui-hd {
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid #A9090F;
  margin-bottom: 20px;

  .hd-name {
    float: left;
    font-size: 24px;
    color: #A9090F;
  }

  .hd-more {
    float: right;
    margin-top: 5px;
    color: #A9090F;

    a {
      color: #A9090F;
    }
  }
}

.ui-preTri {
  position: relative;
  padding-left: 12px;

  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #999;
  }
}

.ui-preTri-2 {
  position: relative;
  padding-left: 12px;

  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-left-color: #666;
  }

  &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-left-color: #666;
  }

  &:hover {

    &::before,
    &::after {
      border-left-color: #9A0C14;

    }
  }
}

.ui-preDot {
  position: relative;
  padding-left: 12px;

  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 2px solid $mc1;
    border-radius: 50%;
  }
}

.list {
  list-style: none;

  li {
    height: 36px;
    line-height: 36px;
    padding-right: 100px;
    position: relative;
    // border-bottom: 1px solid #eee;
    // list-style-position: ;

    a {
      display: block;
      font-size: 14px;

      &:hover {
        color: #9A0C14;
      }
    }

    .time {
      color: #999;
      position: absolute;
      top: 0;
      right: 0;
      width: 100px;
      text-align: right;
      overflow: hidden;
      white-space: nowrap;
    }
  }
}

.g-bd {
  margin: 30px auto;

}

.g-sd {
  background: #fff;
  min-height: 330px;
}

.g-mn {
  min-height: 735px;
  background: #fff;
  // padding: 0 30px;
  box-sizing: border-box;
}


.hvr-underline-from-center:before{
  background: $mc1;
}